{extend name="v1/layout/base"}
{block name="content"}
<div class="layuimini-main">

  <fieldset class="table-search-fieldset xk-search-status" id="xk-search-status">
    <legend>搜索信息</legend>
    <div style="margin: 10px 10px 10px 10px">
      <div class="layui-row layui-col-space15">
        <div class="layui-col-md6 xz_width">
          <form class="layui-form">
            <div class="layui-card-body layui-form layui-form-pane">
              <div class="layui-row layui-col-space10 layui-form-item">
                <div class="layui-col-lg12">
                  <label class="layui-form-label">搜索关键词</label>
                  <div class="layui-input-block">
                    <input type="text" name="keywords" placeholder="会员号" id="keywords" class="layui-input">
                  </div>
                </div>
              </div>
              <div class="layui-row layui-col-space10 layui-form-item">
                <div class="layui-col-lg12">
                  <label class="layui-form-label">会员等级</label>
                  <div class="layui-input-block">
                    {volist name="$user_level_list" id="vo"}
                    <input type="checkbox" class="layui-input" lay-skin="primary" name="level" value="{$vo.level}" title="{$vo.level_name}">
                    {/volist}
                  </div>
                </div>
              </div>
              <div class="layui-row layui-col-space10 layui-form-item">
                <div class="layui-col-lg12">
                  <label class="layui-form-label">团队累计业绩范围</label>
                  <div class="layui-input-inline" style="width: 200px;">
                    <input type="text" name="min_team_achievement_price" id="min_team_achievement_price" placeholder="￥" autocomplete="off" class="layui-input">
                  </div>
                  <div class="layui-form-mid">-</div>
                  <div class="layui-input-inline" style="width: 200px;">
                    <input type="text" name="max_team_achievement_price" id="max_team_achievement_price" placeholder="￥" autocomplete="off" class="layui-input">
                  </div>
                </div>
              </div>
              <div class="layui-row layui-col-space10 layui-form-item">
                <div class="layui-col-lg12">
                  <label class="layui-form-label">个人总业绩业绩范围</label>
                  <div class="layui-input-inline" style="width: 200px;">
                    <input type="text" name="min_achievement_price" id="min_achievement_price" placeholder="￥" autocomplete="off" class="layui-input">
                  </div>
                  <div class="layui-form-mid">-</div>
                  <div class="layui-input-inline" style="width: 200px;">
                    <input type="text" name="max_achievement_price" id="max_achievement_price" placeholder="￥" autocomplete="off" class="layui-input">
                  </div>
                </div>
              </div>
              <div class="layui-row layui-col-space12 layui-form-item">
                <div class="layui-col-lg12">
                  <label class="layui-form-label">业绩产生时间</label>
                  <div class="layui-input-block">
                    <input type="text" class="layui-input" autocomplete="off" id="search_time" placeholder="请选择对应的时间范围">
                  </div>
                </div>
              </div>
              <div class="layui-row">
                <div class="layui-col-xs4">&nbsp;</div>
                <div class="layui-col-xs4">
                  <button type="reset" class="layui-btn layui-btn-primary  xk-refresh"><i class="fa fa-refresh"></i>&nbsp;重置</button>
                  <button type="button" class="layui-btn layui-btn-normal xk-dosearch">搜索<i class="layui-icon"></i></button>
                  <button type="button" class="layui-btn layui-btn-primary close-search"><i class="layui-icon">&#x1007;</i>关闭</button>
                </div>
                <div class="layui-col-xs4">&nbsp;</div>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </fieldset>

  <script type="text/html" id="toolbar">
    <div class="layui-btn-container">
      <button class="layui-btn layui-btn-black  layui-btn-sm" lay-event="reseve"><i class="layui-icon">&#xe63d;</i></button>
      <button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="export"><i class="layui-icon">&#xe67d;</i>导出筛选后的数据</button>
    </div>
  </script>

  <table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
  <!-- 图片 如果存在的话 -->
  <script type="text/html" id="currentTableBar">
    <button class="layui-btn layui-btn-radius layui-btn-warm layui-btn-sm" lay-event="show" data-url="/{:config('manage.manage_name')}/{:config('manage.version')}/User/achievementShow"><i class="layui-icon">&#xe642;</i>追溯订单</button>
  </script>
</div>
{/block}
{block name="myScript"}
<script>
  layui.use(['form', 'table', 'laydate'], function() {
    var $ = layui.jquery,
      form = layui.form,
      laydate = layui.laydate,
      table = layui.table;
    laydate.render({
      elem: '#search_time',
      range: '~',
      theme: '#1E9FFF',
      type: 'datetime',
    });
    table.render({
      elem: '#currentTableId',
      url: '/{:config("manage.manage_name")}/{:config("manage.version")}/User/achievement',
      toolbar: '#toolbar',
      defaultToolbar: ['filter', {
        title: '搜索',
        layEvent: 'search',
        icon: 'layui-icon-search'
      }],
      height: 'full-50',
      cols: [
        [{
            field: 'user_name',
            width: '15%',
            title: '昵称'
          },
          {
            field: 'user_sn',
            width: '10%',
            title: '会员号'
          },
          {
            field: 'level_name',
            width: '15%',
            title: '会员等级'
          },
          {
            field: 'all_achievement_price',
            width: '15%',
            title: '团队累计总业绩'
          },
          {
            field: 'agent_achievement_price',
            width: '15%',
            title: '个人总业绩'
          },
          {
            field: 'month_achievement_price',
            width: '15%',
            title: '当月团队业绩'
          },
          {
            field: 'month_only_achievement_price',
            width: '15%',
            title: '当月个人业绩'
          },
          {
            title: '操作',
            toolbar: '#currentTableBar',
            minWidth: '300',
            fixed: 'right',
            align: "center"
          }
        ]
      ],
      limits: [100, 150, 200, 250, 500, 1000],
      limit: 100,
      id: 'table_ids',
      page: true,
      skin: 'line'
    });

    // 顶部操作工具
    table.on('toolbar(currentTableFilter)', function(obj) {
      var url = $(this).attr('data-url'),
        keywords = $("#keywords").val(),
        id_arr = getCheckValue();
      switch (obj.event) {
        case 'reseve':
          table.reload('table_ids');
          break;
        case 'export':
          var keywords = $("#keywords").val(),
            level = '',
            level_arr = [],
            min_achievement_price = $("#min_achievement_price").val(),
            max_achievement_price = $("#max_achievement_price").val(),
            min_team_achievement_price = $("#min_team_achievement_price").val(),
            max_team_achievement_price = $("#max_team_achievement_price").val(),
            search_time = $("#search_time").val();
          $("input[name=level]:checked").each(function() {
            level_arr.push($(this).val());
          });
          level = level_arr.join(',');
          var url = "/{:config('manage.manage_name')}/{:config('manage.version')}/User/exportAchievement";
          https(url, {
            keywords: keywords,
            level: level,
            min_achievement_price: min_achievement_price,
            max_achievement_price: max_achievement_price,
            min_team_achievement_price: min_team_achievement_price,
            max_team_achievement_price: max_team_achievement_price,
            search_time: search_time
          }, 'post', true, '正在执行订单数据导出').then(res => {
            if (res.result_code == 200) {
              var html = '<h1 style="padding: 0 20px;color:red;font-size:18px;margin-bottom:15px;">如果据量大于1万条系统自动分表导出</h1>';
              res.resultData.forEach(function(value, index) {
                html += '<h2 style="padding: 0 20px;font-size:16px;">第' + (index + 1) + '个订单文件：<a href="' + value + '">' + '下载' + '</a></h2>';
              })
              layer.open({
                type: 1,
                skin: 'layui-layer-rim', //加上边框
                area: ['400px', '200px'], //宽高
                content: html
              });
            }
          })
          break;

        case 'search':
          $("#xk-search-status").removeClass('xk-search-status');
          break;
      }
    })
    // 列表工具栏目
    table.on('tool(currentTableFilter)', function(obj) {
      var data = obj.data,
        event = obj.event,
        url = $(this).attr('data-url');
      var keywords = $("#keywords").val(),
          min_achievement_price = $("#min_achievement_price").val(),
          max_achievement_price = $("#max_achievement_price").val(),
          min_team_achievement_price = $("#min_team_achievement_price").val(),
          max_team_achievement_price = $("#max_team_achievement_price").val(),
          level = '',
          level_arr = [];
      $("input[name=level]:checked").each(function() {
        level_arr.push($(this).val());
      });
      level = level_arr.join(',');
      url = url + '/user_sn/' + data.user_sn;
      switch (event) {
        case 'show':
          var index = layer.open({
            title: '会员' + data.user_name + '业绩明细',
            type: 2,
            shade: 0.2,
            maxmin: true,
            shadeClose: true,
            area: ['100%', '100%'],
            content: url,
            cancel: function() {
              table.reload('table_ids', {
                where: {
                  keywords: keywords,
                  level: level,
                  min_achievement_price: min_achievement_price,
                  max_achievement_price: max_achievement_price,
                  min_team_achievement_price: min_team_achievement_price,
                  max_team_achievement_price: max_team_achievement_price,
                }
              });
            }
          });
          break;
      }
    })
    // 执行搜索
    $(".xk-dosearch").click(function() {
      var keywords = $("#keywords").val(),
        level = '',
        level_arr = [],
        min_achievement_price = $("#min_achievement_price").val(),
        max_achievement_price = $("#max_achievement_price").val(),
        min_team_achievement_price = $("#min_team_achievement_price").val(),
        max_team_achievement_price = $("#max_team_achievement_price").val(),
        search_time = $("#search_time").val();
      $("input[name=level]:checked").each(function() {
        level_arr.push($(this).val());
      });
      level = level_arr.join(',');
      table.reload('table_ids', {
        page: {
          curr: 1
        },
        where: {
          keywords: keywords,
          level: level,
          min_achievement_price: min_achievement_price,
          max_achievement_price: max_achievement_price,
          min_team_achievement_price: min_team_achievement_price,
          max_team_achievement_price: max_team_achievement_price,
          search_time: search_time
        }
      }, 'data');
    })
    // 获取选中项
    function getCheckValue() {
      var id_arr = [],
        id_str = '';
      var checkStatus = table.checkStatus('table_ids'),
        data = checkStatus.data;
      data.map(function(d) {
        id_arr.push(d.user_label_id);
      })
      id_str = id_arr.join(',');
      return id_str;
    }
  });
</script>
{/block}
